<template>
    <div class="easyd-weixin-Box">
        <div class="addUserCategoryBox">
            <div class="addUserCategoryInput">
                <input type="text" placeholder="请输入分类名称" />
            </div>
        </div>
        <div class="addUserCategoryBottomBox">
            <div class="addUserCategoryBtn">提交</div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" scoped>
.addUserCategoryBox {
    position absolute
    top 0px
    bottom 50px
    left 0px
    right 0px
    padding-left 15px
    padding-right 15px
    font-size 16px
    overflow auto
    -webkit-overflow-scrolling : touch;
    box-sizing border-box


    .addUserCategoryInput {
        width 100%
        height 45px;
        background #fff
        border-radius 5px    
        margin-bottom 10px
        margin-top 15px
        overflow hidden
        position relative

        input {
            width 100%
            height 100%
            padding 15px
            -webkit-appearance: none;
            box-sizing border-box
            outline none
            border 1px solid #eee
        }
    }
}

.addUserCategoryBottomBox {
    position absolute
    bottom 0px
    height 50px
    left 0px
    right 0px
    background #eee

    .addUserCategoryBtn {
        width 100%
        height 50px
        text-align center
        line-height 50px
        background: #FDDE6E;
    }
}
</style>

